// Color palette
$primary-color: #4CAF50;
$secondary-color: #2196F3;
$accent-color: #FF9800;
$danger-color: #F44336;
$warning-color: #FFC107;
$success-color: #4CAF50;

// Text colors
$text-color: #333333;
$text-secondary: #666666;
$text-light: #999999;

// Background colors
$bg-primary: #ffffff;
$bg-secondary: #f5f5f5;
$bg-dark: #333333;

// Game specific colors
$game-bg: #87CEEB;
$obstacle-color: #8B4513;
$collectible-color: #FFD700;
$powerup-color: #FF69B4;

// Spacing
$spacing-xs: 0.25rem;
$spacing-sm: 0.5rem;
$spacing-md: 1rem;
$spacing-lg: 1.5rem;
$spacing-xl: 2rem;
$spacing-xxl: 3rem;

// Border radius
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 12px;
$border-radius-xl: 16px;

// Shadows
$shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
$shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);

// Transitions
$transition-fast: 0.15s ease;
$transition-normal: 0.3s ease;
$transition-slow: 0.5s ease;

// Breakpoints
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;

// 预定义的颜色变体（使用现代 SCSS 颜色函数）
@use "sass:color";

$primary-light-10: color.adjust($primary-color, $lightness: 10%);
$primary-light-20: color.adjust($primary-color, $lightness: 20%);
$primary-dark-10: color.adjust($primary-color, $lightness: -10%);
$primary-dark-15: color.adjust($primary-color, $lightness: -15%);

$secondary-light-40: color.adjust($secondary-color, $lightness: 40%);
$secondary-dark-10: color.adjust($secondary-color, $lightness: -10%);
$secondary-dark-15: color.adjust($secondary-color, $lightness: -15%);

$danger-dark-10: color.adjust($danger-color, $lightness: -10%);
$danger-dark-15: color.adjust($danger-color, $lightness: -15%);
$warning-dark-10: color.adjust($warning-color, $lightness: -10%);
$warning-dark-20: color.adjust($warning-color, $lightness: -20%);

$text-light-20: color.adjust($text-color, $lightness: 20%);
$bg-secondary-dark-5: color.adjust($bg-secondary, $lightness: -5%);